.shares {
  width: 100%;
  margin-top: 20px;
  padding-right: 0px;

  .s-tabs {
    width: 100%;
    margin: auto;
    background-color: #fff;
    padding: 10px;
    padding-left: 0;
    padding-bottom: 0;
    border : 1px solid #cccccc;

      ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑";

        li {
          width: 150px;
          float: left;
          text-align: center;
          padding-bottom: 0px;

          .active ,:hover{
            width: 150px;
            float: left;
            text-align: center;
            padding-bottom: 10px;
            border-bottom: 4px solid #118eee;
          }

          a {
            text-decoration: none;
            color : #000;

            img {
              margin-right: 5px;
            }
          }
        }
      }
  }

  .s-cons {
    width: 100%;
    margin: 15px auto;

    .new-share , .hot-share {

      .more-shares-btn {
        width: 100%;
        padding: 5px;
        background-color: #ffffff;
        margin-bottom: 10px;

        h5 {
          text-align: center;
          color :#999999;
        }
      }

      ul{
        margin: 0;
        padding: 0;
        list-style: none;

        li {
          display: block;
          float: left;
          width: calc((100% - 20px) / 3);
          background-color: #ffffff;
          margin-bottom: 10px;
          margin-left: 10px;
          padding: 15px;
          border: 1px solid #cccccc;

          .litpic {

            position: relative;

             img  {
               width: 100%;
               height: 124px;
             }

              .play-btn {
                  width: 50px;
                  height: 42px;
                  background-image: url("../../assets/images/play-btn.png");
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  margin-left: -25px;
                  margin-top: -21px;
              }
          }

          .s-title {

            width: 100%;
            text-overflow: ellipsis;

            h5 {
              color:#000;
              font-weight: bold;
            }
          }

          .s-info {

            margin-bottom: 10px;

            .s-tag {

              ul {

                margin: 0;
                padding: 0;

                li {
                  width: 33%;
                  float: left;
                  border: none;
                  padding: 0;
                  margin: 0;
                }
              }

            }
            .s-views {
              text-align: right;
            }
          }
          .s-user {

            img {
              width: 20px;
              margin-right: 5px;
              border-radius: 30px;
            }

            .s-user-company {
              float: right;
            }
          }
        }

        li:first-child {
          margin-left: 0px;
        }
        li:nth-of-type(3n+1) {
          margin-left: 0px;
        }

      }
    }


  }
}